<!doctype html>
<html lang="en">

<head>
   <head>
       <meta charset="utf-8" />
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <title>Hi-dialect</title>
       <link rel="stylesheet" href="css/style.css">
       <meta name="viewport" content="initial-scale=1, maximum-scale=1, width=device-width"> 
   </head>
</head>

<body>

    <!-- Page loading -->
    <div class="loading">
        <div class="spinner-grow"></div>
    </div>
    <!-- * Page loading -->

    <!-- App Header -->
    <div class="appHeader">
        <div class="left">
            <a href="javascript:;" class="icon toggleSidebar">
                <i class="icon ion-ios-menu"></i>
            </a>
        </div>
        <div class="pageTitle">活动</div>
     
    </div>

    <!-- * App Header -->

    <!-- App Capsule -->
    <div id="appCapsule">

        <div class="appContent">
			<!-- <div class="divider  mb-4 mt-4"></div> -->
			
			<!-- Gallery Carousel -->
			<div class="basicCarousel owl-carousel mt-2" id="owl-demo" data-ride="carousel">
				<a href="video-play.html">
					<div class="item">
						<img src="img/sample/photo1.jpg" alt="image" class="imageBlock img-fluid rounded">
					</div>
				</a>
				<a href="video-play.html">
					<div class="item">
						<img src="img/sample/photo2.jpg" alt="image" class="imageBlock img-fluid rounded">
					</div>
				</a>
				<a href="video-play.html">
					<div class="item">
						<img src="img/sample/photo3.jpg" alt="image" class="imageBlock img-fluid rounded">
					</div>
				</a>
				<a href="video-play.html">
					<div class="item">
						<img src="img/sample/photo4.jpg" alt="image" class="imageBlock img-fluid rounded">
					</div>
				</a>
			</div>
            <div class="divider mt-2 mb-2"></div>
			<div class="sectionTitle mb-2">
			    <div class="text-muted">专题</div>
			    <div class="title">
			        <h1>热门活动</h1>
			        <!-- <a href="blog-category.html">查看所有</a> -->
			    </div>
			</div>
			
			<!-- item list -->
			<div class="itemList">
				<a href="activity-daily.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo14.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">每日一课</h4>
							<div class="text-muted">粤语？东北话？</div>
							<h2 class="text-muted">每天学一点，休闲娱乐两不误</h2>
						</div>
					</div>
				</a>
				<a href="activity-movie.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo13.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">配音大赛</h4>
							<div class="text-muted">妙趣横生方言大片</div>
							<h2 class="text-muted">等你一起掀开幕布</h2>
						</div>
					</div>
				</a>	
				<a href="activity-season.html">
					<div class="item mt-2">
						<div class="image">
							<img src="img/sample/photo4.jpg" alt="image">
						</div>
						<div class="text">
							<h4 class="title">时令寄语</h4>
							<div class="text-muted">家乡话相伴的节日节气</div>
							<h2 class="text-muted">妙哉！美哉！</h2>
						</div>
					</div>
				</a>
			</div>
			<!-- * item list -->

        </div>

    </div>
    <!-- appCapsule -->


    <!-- App Bottom Menu -->
    <div class="appBottomMenu">
        <div class="item">
            <a href="homepage.html">
                <p>
                    <i class="icon ion-ios-water"></i>
                    <span>首页</span>
                </p>
            </a>
        </div>
        <div class="item active">
            <a href="activitiy-main.html">
                <p>
                    <i class="icon ion-ios-apps"></i>
                    <span>活动</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="xxx.html">
                <p>
                    <i class="icon ion-ios-add-circle"></i>
                    <span>工具</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="social-home.html">
                <p>
                    <i class="icon ion-ios-aperture"></i>
                    <span>动态</span>
                </p>
            </a>
        </div>
        <div class="item">
            <a href="people-info.html">
                <p>
                    <i class="icon ion-ios-person"></i>
                    <span>我的</span>
                </p>
            </a>
        </div>
    </div>
    <!-- * App Bottom Menu -->

    <!-- Sidebar Menu -->
    <div class="sidebarWrapper">
        <div class="overlay toggleSidebar"></div>
        <nav class="sidebar">
            <div class="profilebox">
                <img src="img/sample/avatar.jpg" alt="avatar" class="avatar">
                <h2 class="title">醒了很久还是很感动</h2>
                <h5 class="lead">
                    <i class="icon ion-ios-pin mr-1"></i>
                </h5>
                <div class="button">
                    <a href="#">
                        <i class="icon ion-ios-settings"></i>
                    </a>
                </div>
            </div>
            <div class="sidebarGroup">
                <ul class="sidebarMenu">
                    <li>
                        <a href="social-home.html">
                            <i class="icon ion-ios-people"></i>
                            动态
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <i class="icon ion-ios-chatboxes"></i>
                            消息
                        </a>
                    </li>
                    <li>
                        <a href="activitiy-main.html">
                            <i class="icon ion-ios-apps"></i>
                            活动
                        </a>
                    </li>
                    <li>
                        <a href="people-info.html">
                            <i class="icon ion-ios-book"></i>
                            信息
                        </a>
                    </li>
                    <li>
                        <a href="page-login.html">
                            <i class="icon ion-ios-lock"></i>
                            登出
                        </a>
                    </li>
                </ul>
            </div>
            <div class="sidebarGroup">
                <ul class="sidebarMenu">
                    <li class="title">在线</li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar2.jpg" alt="avatar" class="avatar">
                            胖大海
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar3.jpg" alt="avatar" class="avatar">
                            佛山菩提
                            <span class="badge badge-primary">2</span>
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar4.jpg" alt="avatar" class="avatar">
                            刘小佳
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar5.jpg" alt="avatar" class="avatar">
                            张铁柱
                        </a>
                    </li>
                    <li>
                        <a href="social-chat.html">
                            <img src="img/sample/avatar6.jpg" alt="avatar" class="avatar">
                            方言小李
                        </a>
                    </li>
                </ul>
            </div>

        </nav>
    </div>
    <!-- * Sidebar Menu -->

    <!-- ///////////// Js Files ////////////////////  -->
    <!-- Jquery -->
    <script src="js/lib/jquery-3.4.1.min.js"></script>
    <!-- Bootstrap-->
    <script src="js/lib/popper.min.js"></script>
    <script src="js/lib/bootstrap.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/plugins/owl.carousel.min.js"></script>
    <!-- Main Js File -->
    <script src="js/app.js"></script>
	<script>
		// $(function(){
		//     $('#owl-demo').owlCarousel({
		// 		items:5,
		//         loop: true,
		//         autoplay: true,
		//     });
		// });
	</script>
</body>

</html>
